<template>
    <div class="porderproducts bd-r flex aic">
        <div class="flex bd-r aic">
            <el-button type="success" plain size="small"
                @click="() => { emits('ChangeThePrice', !priceState ? 'ChangePrice' : 'ReservePrice') }"
                style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2;">
                {{ !priceState ? 'ChangePrice' : 'ReservePrice' }}</el-button>
            <el-button type="success" @click="() => { emits('ExportPorder') }" plain size="small"
                style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2;margin-left: 10px;">Export</el-button>
            <el-button type="danger" size="small" plain @click="() => { emits('deletePurchaseOrder') }"
                style="background-color:#6193D2;color: #fff;border: none;margin-left: 10px;">Delete</el-button>
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    priceState: Boolean
})
const emits = defineEmits(['ChangeThePrice', 'ExportPorder', 'deletePurchaseOrder'])
</script>

